﻿

#d_left {
    float: left;
    width: 20%;
    height: 77%;
    position: absolute;
    /*border-right: 1px solid;*/
    border-right-color: #CCCCCC;
    background-color: #ffffff;
}

.fancyTable span {
    height: 25px;
    line-height: 25px;
}

#d_left_opertool {
    background-color: transparent;
    text-align: center;
}

.leftbody_data {
    margin-top: 10px;
    float: left;
    width: 100%;
    height: calc(100% - -20px);
    overflow-y: scroll;
    background-color: transparent;
}

#bootom_state {
    background-color: transparent;
    position: fixed;
    bottom: 0;
    width: 20%;
    border-top: 1px solid;
    border-top-color: #CCCCCC;
    text-align: right;
    border-right: 1px solid #cccccc;
}

#d_right_bottomstatus {
    background-color: #f4f4f4;
    position: fixed;
    bottom: 0;
    width: 80%;
    text-align: right;
}

    #d_right_bottomstatus > span {
        color: #34b4e3;
        margin-right: 30px;
    }

#bootom_state > span {
    margin-right: 12px;
}

#d_left_op_top {
    margin-top: 15px;
    background-color: transparent;
}

#d_left_op_bottom {
    margin-top: 10px;
    background-color: transparent;
}

#opleft {
    width:50%;
    float: left;
    margin-left: 10px;
    position: relative;
}

#opright {
    float: right;
    margin-right: 10px;
    position: relative;
}

#d_left_top {
    width: 100%;
    height: 15px;
    line-height: 15px;
    background: #19adff;
    text-align: center;
}

    #d_left_top > span {
        font-size: 10.5pt;
        color: #ffffff;
        line-height: 34px;
    }

.d_right {
    float: right;
    width: 80%;
}

#d_right_toptool {
    background-color: #34b4e3;
    width: 100%;
    height: 65px;
}

#d_right_span_left {
    float: left;
    font-size: 10pt;
    font-weight: bold;
    color: #19adff;
    background-color: white;
    width: 32%;
    line-height: 65px;
    border-left: 1px #cccccc solid;
}

#d_right_span_right {
    background-color: white;
    width: 36%;
    float: right;
    text-align: right;
    line-height: 65px;
}

#d_right_content {
    background-color: #f4f4f4;
    width: 80%;
    position: absolute;
    top: 65px;
    bottom: 0px;
    box-shadow: 0px 2px 2px #c8c8c8 inset;
}

#d_left_center {
    width: 100%;
    text-align: center;
    background-color: transparent;
}

.d_left_center_button {
    margin-top: 10px;
    width: 95%;
    height: 35px;
    background-color: transparent;
    color: #FB8133;
    border-color: #FB8133;
    border: 1px solid;
}

    .d_left_center_button:active {
        margin-top: 10px;
        width: 95%;
        background-color: #F9F8F6;
        color: #ffffff;
    }

.d_left_center_button_visited {
    margin-top: 10px;
    width: 95%;
    background-color: #F9F8F6;
    color: #ffffff;
}



.clicked {
    background: #34b4e3;
}

.but_doctor_schedu {
    border-color: #1AACFF;
    color: #1AACFF;
    background-color: #ffffff;
    border: 1px solid;
}

.but_doctor_schedu_clicked {
    color: #ffffff;
    background-color: #1AACFF;
}

.buton_group > input {
    text-align: center;
    border-width: 1px;
}

.but_doctor_expand {
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    margin-right: -3px;
    border-right-color: gray;
    background-color: #ffffff;
}

.but_doctor_list {
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    margin-left: -2px;
    background-color: #ffffff;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    background-color: transparent;
    border: 1px solid #cccccc;
    width: 52px;
    height: 32px;
    border-radius: 0px;
    /*background-image: url("../../source/img/flow_grey.png");*/
    background-repeat: no-repeat;
}


.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    background-color: transparent;
    border: 1px solid #cccccc;
    width: 52px;
    height: 32px;
    border-radius: 0px;
    /*background-image: url("../../source/img/list_grey.png");*/
    background-repeat: no-repeat;
    background-color: #ABA7A6;
}

.but_doctor_expand_clicked {
    /*background-image: url("../../source/img/flow_white.png");*/
    background-repeat: no-repeat;
    background-color: gray;
}

.but_doctor_list_clicked {
    /*background-image: url("../../source/img/list_white.png");*/
    background-repeat: no-repeat;
    background-color: gray;
}




.doctorlist_content {
    width: 100%;
    font-size: 10pt;
    /*text-align: center;*/
}

    .doctorlist_content > div {
        width: 100%;
        height: 35px;
        cursor: pointer;
    }

        .doctorlist_content > div > span {
            line-height: 35px;
        }


/**列表队列*/
/*在线*/
.list_doctor_online {
    color: #777777;
    font-weight: bold;
}
/*离线*/
.list_doctor_offline {
    color: #c1c3c2;
}
/*暂停*/
.list_doctor_stoped {
    color: #777777;
    font-weight: bold;
}


/*展开队列*/
.expand_doctorlist_content {
    width: 100%;
    height: auto;
    font-size: 10pt;
    text-align: center;
}

.expand_userhead {
    width: 100%;
    height: 30px;
    background-color: transparent;
    text-align: center;
    /*background-image:url('../../source/img/doctor_64.png');*/
}

    .expand_userhead > div {
        line-height: 55px;
        width: 55px;
        margin-left: 38%;
        background-color: #ffffff;
        position: absolute;
        z-index: 99;
        border-radius: 55px;
        /*border:1px solid #22AB4F;*/
        top: 0px;
    }

.expand_conent {
    height: 170px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.expand_online_status {
    background-color: #29C95D;
    right: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 10px;
}

.expand_msg {
    background-color: green;
    margin-top: 45px;
    text-align: center;
}

.expand_out {
    width: 195px;
    padding-bottom: 20px;
    background-color: transparent;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

.e_d_name {
    text-align: center;
    background-color: #ffffff;
    font-size: 12pt;
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_d_hz {
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    width: 40%;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
}

.e_d_hz_val {
    background-color: #ffffff;
    color: #58C2FE;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    width: 40%;
    height: 25px;
    line-height: 25px;
}

.e_d_gh {
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    width: 40%;
    float: left;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
}

.e_d_gh_val {
    background-color: #ffffff;
    color: #58C2FE;
    border-bottom: 1px solid #CCCCCC;
    width: 40%;
    float: left;
    height: 25px;
    line-height: 25px;
}

.e_d_yjz {
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    width: 40%;
    height: 25px;
    float: left;
    margin-left: 20px;
    line-height: 25px;
}

.e_d_yjz_val {
    background-color: #ffffff;
    color: #58C2FE;
    border-bottom: 1px solid #CCCCCC;
    width: 40%;
    float: left;
    height: 25px;
    line-height: 25px;
}



.expand_doctore_offline {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


#d_top_right_sclose_bar {
    width: 100%;
    height: 15px;
    text-align: center;
    background-color: #FEFEFE;
    border-bottom: 1px solid #CCCCCC;
}

#sp_1 {
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: #FEFEFE;
    width: 50%;
    border-bottom: 1px solid #CCCCCC;
}

#sp_2 {
    float: left;
    width: 32%;
    height: 65px;
    line-height: 65px;
    background: #FFFFFF;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#sp_3 {
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: #FEFEFE;
    width: 12%;
    text-align: center;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.text_search {
    height: 65px;
    width: 75%;
    background-color: #FEFEFE;
    border: none;
    margin-left: 10px;
    line-height: 65px;
    outline: none;
}

/*bootstrap tab切换*/
.bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #FDB700 !important;
}


/*优化对讲弹框样式*/
.layui-layer{
    top: 67px!important;
}
.layui-layer-title{
    padding: 0!important;
    text-align: center;
    color: #333333;
    font-size: 20px;
}
